.list{
  width: 100%;
  overflow: hidden;
  background: url(../../assets/image/contain.png) no-repeat center;
  background-size: 100% 100%;
  .left{
    .left-title{
      height: 60px;
      line-height: 58px;
      padding-left: 20px;
      border-bottom: 2px solid #e9e9e9;
      font-size: 20px;
      font-weight: bolder;
      color: #fff;
      background: #6191df;
      border-radius: 5px 5px 0 0;
    }
    ul{
      li{
        float: none;
        height: 58px;
        line-height: 58px;
        border-bottom: 2px solid #e9e9e9;
        font-size: 18px;
        p{
          padding-left: 20px;
          float: left;
        }
        span{
          padding-right: 20px;
          float: right;
        }
      }
      li.active{
        font-weight: bolder;
        color: #345699;
      }
    }
  }
  .message{
    .title{
      height: 60px;
      border-bottom: 2px solid #e4ebf6;
      font-size: 22px;
      color: #345699;
      line-height: 60px;
      padding-left: 22px;
    }
    ul{
      display: none;
      min-height: 900px;
      li{
        float: none;
        height: 75px;
        border-bottom: 1px solid #e4ebf6;
        p{
          margin-top: 16px;
          padding-left: 22px;
          height: 30px;
          line-height: 30px;
          font-size: 16px;
          color: #666666;
        }
        span{
          display: block;
          height: 24px;
          line-height: 24px;
          font-size: 10px;
          padding-left: 22px;
          color: #999999;
        }
      }
    }
    ul.activeText{
      display: block;
    }
  }
}

